<template>
	<!-- 查找页面 -->
	<view class="chat_container">
		<view class="">
			<view class="chat_list flex flex-between pt30 pb20">
				<view class="flex align-center">
					<u-avatar :src="src" size="90"></u-avatar>
					<view class="chat_badge">
						<u-badge :type="type" max="99" :value="value"></u-badge>
					</view>
					<view class="ml20">
						<view class="f28">
							用户名称
						</view>
						<view class="text-shijian f25 chat_content mt10">
							你发布的闲置物我比较感兴趣哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
						</view>
					</view>
				</view>
				<view class="f20 text-shijian">
					12.21
				</view>
			</view>
			<u-gap height="1" bgColor="#e5e5e5"></u-gap>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				src: '../../static/logo.png',
				value: 11,
				type: "error"
			}
		}
	}
</script>

<style lang="scss" scoped>
	.chat_container {

		.chat_list {
			width: 90%;
			margin: 0 auto;
			
			/deep/ .u-avatar{
				position: relative;
			}

			.chat_badge {
				/deep/ .u-badge {
					position: absolute;
					top: 25rpx;
					left: 90rpx;
				}
			}

			.chat_content {
				width: 70%;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 1;
				overflow: hidden;
			}
		}
	}
</style>